<template>
	<view class="page">
		<view class="content">
			<view class="title">
				登录后更精彩
			</view>
			<view class="tip">
				新手机号将自动注册，已详读并同意用户协议
			</view>
			<view class="btn-line flex" @click="toPage('/pages/login/phone?type=0')">
				<img src="/static/app/a.svg" alt="" srcset=""> 
				<view class="text">
					手机号登录
				</view>
			</view>
			<view class="btn-line flex">
				<img src="/static/app/p.svg" alt="" srcset=""> 
				<view class="text">
					账号密码登录
				</view>
			</view>
			<view class="btn-line flex">
				<img src="/static/app/p.svg" alt="" srcset=""> 
				<view class="text">
					微信登录
				</view>
			</view>
			
			<view class="div-line flex">
				<view class="gray">
					
				</view>
				其他登录方式
				<view class="gray">
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		
	}
</script>

<style lang="scss" scoped>
	.page{
		padding: 100rpx 20rpx;
		.content{
			text-align: center;
			.title{
				font-size: 48rpx;
				font-family: PingFangSC-Medium-, PingFangSC-Medium;
				font-weight: normal;
				color: #232832;
				line-height: 56rpx;
			}
			.tip{
				font-size: 24rpx;
				font-family: PingFangSC-Regular-, PingFangSC-Regular;
				font-weight: normal;
				color: #232832;
				line-height: 36rpx;
				margin: 100rpx 0;
			}
			.btn-line{
				height: 92rpx;
				background: #FFFFFF;
				border-radius: 46rpx 46rpx 46rpx 46rpx;
				opacity: 1;
				border: 2rpx solid #D1D1D6;
				display: flex;
				margin: 20rpx;
				img{
					margin:0 0px 0 30px;
				}
				.text{
					width: 75%;
					font-size: 30rpx;
					font-family: PingFangSC-Regular-, PingFangSC-Regular;
					font-weight: normal;
					color: #232832;
					line-height: 36rpx; 
				}
			}
			.div-line{
				font-size: 24rpx;
				font-family: PingFangSC-Regular-, PingFangSC-Regular;
				font-weight: normal;
				color: #CED3E6;
				line-height: 40rpx;
				margin-top: 100px;
				.gray{
					width: 100px;
					height: 1px;
					border-bottom: 1px solid #CED3E6;
					margin: 0 20px;
				}
			}
		}
	}
</style>